/**
 * Created by mengxiaxia on 2017/1/15.
 */
(function () {
    angular.module('Demo', ['ui.router'])
        .config(["$stateProvider","$urlRouterProvider",routeConfig])
        .controller("testCtrl", angular.noop)
    function routeConfig($stateProvider,$urlRouterProvider){
        $urlRouterProvider.otherwise("/app/page1");
        $stateProvider
            .state("app",{
                url:"/app",
                views:{
                    "":{
                        templateUrl:"'layout.html'"
                    },
                    "nav":{
                        templateUrl:"'nav1.html'"
                    }
                }
            })
            .state("app.page1",{
                url:"/page1",
                templateUrl:"'page1.html'"
            })
            .state("app.page2",{
                url:"/page2",
                templateUrl:"'page2.html'"
            })
            .state("test",{
                url:"/test",
                views:{
                    "":{
                        templateUrl:"'layout.html'"
                    },
                    "nav":{
                        templateUrl:"'nav2.html'"
                    }
                }
            })
            .state("test.page1",{
                url:"/page1?:id",
                templateUrl:"'page3.html'",
                controller:["$stateParams",function($stateParams){
                    console.log($stateParams.id);// 1  这里实现传参
                }],
                params:{
                    id:null
                }
            })
            .state("test.page2",{
                url:"/page2",
                templateUrl:"'page4.html'"
            })
    }
})();